<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点评</title>
    <link rel="stylesheet" href="plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/gt/Reviews.css">
    <link href="Hplus/css/font-awesome.css" rel="stylesheet">
    <link href="Hplus/css/animate.css" rel="stylesheet">
    <link href="Hplus/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/lxn/index.css">
    <link rel="stylesheet" href="plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css" media="all">

</head>
<body>
    <div >
    <div class="top-fixed">
        <div id="top" class="container" style="margin-top: 5px;">
            <div class="row toprow">
                <ul class="nav navbar-nav navbar-left col-lg-6">
                    
                    <div  class="col-lg-4">
                        <a href="index.html"><img src="imgs/lxn/topico.svg" alt=""></a>
                    </div>
                    <div class="col-lg-8">
                        <div class="input-group">
                            <input id="search1" type="text" class="form-control" placeholder="">
                            <span class="input-group-btn">
                                <svg t="1648374506062" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3014" width="22" height="22">
                                    <path d="M909.824 837.12l-209.408-208.896a333.824 333.824 0 1 0-72.192 72.192l208.896 209.408a51.2 51.2 0 1 0 72.704-72.704z m-477.696-174.592a230.4 230.4 0 1 1 230.4-230.4 230.4 230.4 0 0 1-230.4 230.4z" fill="" p-id="3015"></path></svg><!-- <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button> -->
                            </span>
                        </div><!-- /input-group -->
                       
                    </div><!-- /.col-lg-6 -->
                    
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> 我的点评</a></li>
                    <li><a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-user"></span>个人中心 <span class="caret"></span>
                    </a>
    
                        <ul class="dropdown-menu">
                          <li><a href="#"><span class="glyphicon glyphicon-envelope"></span>我的消息</a></li>
                          <li><a href="#"><span class="glyphicon glyphicon-star"></span>我的收藏</a></a></li>
                          <li><a href="#"><span class="glyphicon glyphicon-star"></span>我的订单</a></a></li>
                        </ul>
                     </li>
                    <li><a href="#" data-toggle="modal" data-target="#register">注册</a></li>
                    <li  class="active"><a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#login">登录</a></li>
                  </ul>
                
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: 100px;margin-left: 50px;" >
        <ul>
            <li><a href="">
                    <span>亚洲</span>
                </a>
                &nbsp;
                <span class="glyphicon glyphicon-chevron-right">

                </span>
                &nbsp;
            </li>
            <li><a href="">
                    <span>中国</span>
                </a>
                &nbsp;
                <span class="glyphicon glyphicon-chevron-right">

                </span>
                &nbsp;
            </li>
            <li><a href="">
                    <span>江苏省</span>
                </a>
                &nbsp;
                <span class="glyphicon glyphicon-chevron-right">

                </span>
                &nbsp;
            </li>
            <li><a href="">
                    <span>苏州市</span>
                </a>
                &nbsp;
                <span class="glyphicon glyphicon-chevron-right">

                </span>
                &nbsp;
            </li>
            <li><a href="">
                    <span>同得兴</span>
                </a>
                &nbsp;
            </li>
        </ul>
    </div>

    <div class="main-body">
     
            
          <!-- 左边界面 -->
        <div class="main-left" >
            <div class="left-top">
                <h1 style="justify-content: left;color: black;font-weight:bold;margin-left:-30px;"  class="layui-anim layui-anim-up layui-anim-down">
                    海鲜自助餐厅</h1>
                <div class="describe" >
                    <span >人均:200元</span>
                    <span >口味:4.80</span>
                    <span >环境:4.90</span>
                    <span >服务:4.90</span>
                </div>
                <div class="describe">
                    <span >地址：苏州市工业园区干饭吧1号</span>
                </div>
                <div class="describe">
                    <span >电话：123123123123</span>
                </div>
            </div>
            <hr>
            <div class="review-body">
                <div class="title">
                    我要评价
                </div>
                <div class="metric-star">
                    <div class="metric-star-item"> 
                        总体评价
                          <div id="test2" class="row"></div>
                    </div>

                    <div class="metric-star-item"> 
                        口味
                        <div id="test3" class="row"></div>
                    </div>

                    <div class="metric-star-item"> 
                        环境
                        <div id="test4" class="row"></div>
                    </div>
                   
                    <div class="metric-star-item"> 
                        服务
                        <div id="test5" class="row"></div>
                    </div>
                   
                    <div class="metric-star-item">
                        品种
                        <div id="test6" class="row"></div>
                    </div> 

                    <div class="metric-star-item">
                       评价 
                       <div style="margin-left: 70px;margin-top: -15px;">
                        <textarea name="" required lay-verify="required" placeholder="请填写评价" class="layui-textarea" style="width: 300px;"></textarea>
                       </div>
                    </div>
                    <div class="metric-star-item">
                        图片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button type="button" class="layui-btn" id="test1">
                            <i class="layui-icon">&#xe67c;</i>上传图片
                          </button>

                    </div>
                    <div class="metric-star-item">
                        人均
                        <!-- <input type="text" style="width: 40px;">&nbsp元 -->
                        <div class="layui-input-inline" style="width: 100px;">
                            <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input" style="margin-left: -10px;">
                          </div>
                    </div>
                    <div style="margin-left: 115px; margin-top: 20px;">
                        <a href="#" class="layui-btn">
                            发布
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 右边界面 -->
        <div class="main-right">
            <div>
                <h3>附近商户推荐</h3>
            </div>
            <!-- 推荐商户 -->
            <div >
                <div  class="recommend">
                    <div>
                        <a href=""><img src="imgs/gt/g-1.png" alt=""></a> 
                    </div>
                   
                    <div >
                        <a class="r-photo" href="#">青梅酒肆(国创园店)</a> 
                        <div style="margin-left: 10px;">
                            <img src="imgs/yyk/haoping.png" alt="" style="width: 80px;height: 17px;">
                        </div>
                        <div style="margin-top: 10px;">
                            <span  class="r-address" >升州路/集庆路</span>
                            <span class="r-price">人均120元</span>
                        </div>
                    </div>
                </div>
                <div  class="recommend">
                    <div>
                        <a href="" ><img src="imgs/gt/g-4.png" alt=""> </a> 
                    </div>
                   
                    <div>
                        <a class="r-photo" href="#">太食獸泰式茶餐厅</a> 
                        <div style="margin-left: 10px;">
                            <img src="imgs/yyk/haoping.png" alt="" style="width: 80px;height: 17px;" >
                        </div>
                        <div style="margin-top: 10px;">
                            <span  class="r-address" >升州路/集庆路</span>
                            <span class="r-price">人均120元</span>
                        </div>
                    </div>
                </div>
                <div  class="recommend">
                    <div>
                         <a href=""><img src="imgs/gt/g-2.png" href="#"> </a>
                    </div>
                   
                    <div>
                        <a class="r-photo" href="#">奇食大不同菜馆</a> 
                        <div style="margin-left: 10px;">
                            <img src="imgs/yyk/haoping.png" href="#" style="width: 80px;height: 17px;">
                        </div>
                        <div style="margin-top: 10px;">
                            <span  class="r-address" >升州路/集庆路</span>
                            <span class="r-price">人均120元</span>
                        </div>
                    </div>
                </div>
                <div  class="recommend">
                    <div>
                        <a href=""><img src="imgs/gt/g-3.png" alt=""></a> 
                    </div>
                   
                    <div>
                        <a class="r-photo" href="#">逆鳞(来凤街店)</a> 
                        <div style="margin-left: 10px;">
                            <img src="imgs/yyk/haoping.png" href="#" style="width: 80px;height: 17px;">
                        </div>
                        <div style="margin-top: 10px;">
                            <span  class="r-address" >升州路/集庆路</span>
                            <span class="r-price">人均120元</span>
                        </div>
                    </div>
                </div>
               
            </div>
            <div class="more">
                <a href="#" class="layui-btn">
                    查看更多推荐
                </a>
            </div>
  
        </div>
    </div>
        <!-- 底部导航 -->
        <div class="bottom">
            <div class="bottominner">
                <div class="btmlogo">
                    <img src="css/lxn/bottomicon.svg" alt="">
                </div>
                <div class="btmc1">
                    © 2022 TripAdvisor LLC 保留所有权利。<br>
                    <ul>
                        <li><a href="">使用条款</a></li>
                        <li><a href="">隐私和Cookie声明</a></li>
                        <li><a href="">同意使用Cookie</a></li>
                        <li><a href="">网站地图</a></li>
                        <li><a href="">网站工作原理</a></li>
                    </ul>
                    <div class="btmc1-1">
                        网站的此版本通常面向中文使用者，除非有针对其国家或地区的特定网站版本存在。 您可以使用下拉式菜单访问 Tripadvisor 网站面向特定国家或地区的其他版本。
                        <a href="">更多</a>
                    </div>
                </div>
            </div>
    </div>

       <!-- 引入jquery框架 -->
       <script src="plugins/jquery.min.js"></script>

       <script src="plugins/layui/layui.js" charset="utf-8"></script>

       <!-- 引入bootstrap.js/bootstrap.min.js,bootstrap依赖于jquery框架 -->
       <script src="plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
       <script src="js/gt/Reviews.js"></script>

</body>
</html>